<template>
	<view>
		<view class="modifyBox">
			<textarea class="modifyDetails" maxlength="15" fixed placeholder="请输入修改内容(限定15个字)..." v-model="taskCount" @input="bindTextAreaInput"></textarea>
			<text class="contentCount" style="color: #C0C4CC;position: absolute;right: 40rpx;">
				{{taskCount.length}}/15
			</text>
		</view>
		<u-button type="success" :disabled="disabled" @click="saveButtonClick">保存</u-button>
	</view>
</template>

<script>
	/**
	 * 说明: 修改信息功能页
	 * 作者: 谢广顺
	 * 版本: V1
	 * 2020年11月22日 15:56:13
	 */
	export default {
		data() {
			return {
				taskCount: '',
				disabled: true,
				userInfo: {}
			}
		},
		methods: {
			bindTextAreaInput: function(e) {
				if (e.detail.value.length != 0) {
					this.disabled = false;
				} else {
					this.disabled = true;
				}
			},
			saveButtonClick() {
				/**
				 * 最后修改 2020年11月26日 18:18:07
				 * 臧锡洋
				 */
				if (this.taskCount.length == 0) {
					uni.showModal({
						title: '警告',
						content: '当前提交内容为空,请重新填写',
						showCancel: false
					})
				} else {
					// 进行提交
					let param = {
						grade: this.userInfo.grade.substr(0, this.userInfo.grade.length - 1),
						phone: this.userInfo.phone,
						school: this.userInfo.school,
						sex: this.userInfo.sex,
						nikeName: this.taskCount
					}
					this.$u.api.updateinfo(param).then(res => {
						console.log(res)
						this.$u.vuex('vuex_user', this.taskCount)
						uni.showModal({
							title: '提示',
							content: "昵称修改成功!",
							showCancel: false,
							success: () => {
								uni.reLaunch({
									url: '../../tabPages/my' //重载到我的
								})
							}

						})
					})
				}
			}
		},
		mounted() {
			// 页面挂载的时候判断权限
			if (this.vuex_loginStatus == 0) {
				// 当前没有登录
				uni.showModal({
					title: "您当前没有登录",
					content: "请登录后再来!",
					showCancel: false,
					success: (res) => {
						if (res.confirm) {
							//用户点击了确定
							uni.reLaunch({
								url: '../../tabPages/my' // 重载到我的
							})
						}
					}
				})
			} else {
				// 已登录状态
				this.userInfo = this.vuex_userInfo

			}
		}
	}
</script>

<style lang="scss">
	.modifyBox {
		width: 100%;
		height: 180px;
		background: #fff;
		border-top: 1px solid #fff;

		.modifyDetails {
			width: 90%;
			margin: 5px auto 0;
		}
	}
</style>
